<!DOCTYPE html>
<html lang="zxx">

<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>

    <!-- Fav Icons -->
    <link rel="shortcut icon" href="assets2/img/favicon.png" type="image2/x-icon">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="assets2/css/style.css">
    <link rel="stylesheet" href="assets2/css/responsive.css">

</head>

<body>
<div class="page-wrapper">

    <!-- Preloader -->
    <div class="preloader"></div>


    <!--====================================================================
                            Start Header area
    =====================================================================-->
    <header class="main-header">
        <div class="container">
            <div class="header-inner">
                <div class="logo">
                    <a href="index.html"><img class="logo-image" src="images/logo.png" alt="Organik Logo"/></a>
                </div>

                <div class="categories">
                    <button><i class="flaticon-list"></i>
                </div>

                <form action="#" class="menu-search">

                </form>

                <div class="menu-collections">
                    <div class="collection-item watch">
                    </div>
                </div>
                <div class="collection-item profile">
                    <i class="flaticon-user-1"></i>
                    <div class="collection-inner">
                        <ul>
                            <li><a href="sign-in.html">登录</a></li>
                            <li><a href="sign-up.html">注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="main-menu">
                <button><i class="flaticon-list-menu"></i></button>
                <ul>
                    <li><a href="index.html">主页</a></li>
                    <li class="dropdown"><a href="#">我们的博客</a>
                        <ul>
                            <li><a href="blog.html">所有博客</a></li>
                            <li><a href="blog-details.html">博客详细信息</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#">购物</a>
                        <ul>
                            <li><a href="shop.html">店铺页面</a></li>
                            <li><a href="shop-detail.html">关于我们的小故事</a></li>
                            <li><a href="cart.html">我的购物车</a></li>
                            <li><a href="checkout.html">退出</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#">入口</a>
                        <ul>
                            <li><a href="sign-in.html">登录</a></li>
                            <li><a href="sign-up.html">注册</a></li>
                        </ul>
                    </li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="menu-overlay"></div>
            </div>
        </div>
</div>
</header>
<!--====================================================================
                        End Header area
=====================================================================-->


<!--====================================================================
    Start Banner Section
=====================================================================-->
<section class="banner-section" style="background-image:url(assets2/img/banner.png);">
    <div class="container">
        <div class="banner-inner text-center">
            <h2 class="page-title">登录</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html">回到主页</a></li>
                    <li class="breadcrumb-item active" aria-current="page">登录</li>
                </ol>
            </nav>
        </div>
    </div>
</section>
<!--====================================================================
    End Banner Section
=====================================================================-->


<section class="login-area my-120 rmy-80">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 pr-0 rpr-15 rmb-80">
                <div class="login-information bg-white br-5">
                    <div class="login-info-inner">
                        <h2>欢迎回来</h2>
                        <form action="login-success.html" class="login-form">
                            <div class="email-field">
                                <label for="email">输入电子邮件*</label>
                                <input type="email" id="email" placeholder="电子邮件地址">
                            </div>
                            <div class="password-field">
                                <label for="pass">密码*</label>
                                <input type="password" id="pass" placeholder="*********">
                            </div>
                            <div class="text-field">
                                <label for="code">验证码*</label>
                                <input type="password" id="code">
                                <img src="asddd" alt="验证码图片"/>
                            </div>
                            <div class="alternative-login">
                                <span><a href="#">忘记密码</a></span>
                                <span>没有账户 ?<a class="signup-link" href="sign-up.html">注册</a></span>
                            </div>
                            <div class="signin-button-wrap">
                                <button type="submit" class="btn-bg2">登录</button>
                            </div>

                        </form>
                        <div class="or-text">您同时可以注册</div>
                        <div class="share-btn-wrap">
                            <div class="facebook-btn">
                                <a href="#"><i class="fa fa-facebook"></i><span>脸书</span></a>
                            </div>
                            <div class="google-btn">
                                <a href="#"><i class="fa fa-google"></i><span>谷歌</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 px-0 rpl-15">
                <div class="login_img bg-white">
                    <img src="assets2/img/log-in.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>


<!--====================================================================
                    Start footer section
=====================================================================-->
<footer class="footer bg-black pt-100 text-lg-left text-center">
    <div class="container">
        <div class="row">

            <!--Footer Column-->
            <div class="col-lg-3 col-md-12 mb-30">
                <div class="footer-widget logo-widget mr-20">
                    <div class="footer-logo">
                        <img src="images/footer_logo.png" class="footer-logo" alt=""/>
                    </div>
                    <p>欢迎来到有机商城。我们的产品是新鲜收获的，经过清洗后即可装箱，最后从我们的家庭农场运到您家门口。</p>
                    <div class="footer-social-icon">
                        <ul class="social-style-one">
                            <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--Footer Column-->
            <div class="col-lg-2 col-md-3 mb-30">
                <div class="footer-widget links-widget float-lg-right mr-40">
                    <h5 class="footer-title mb-30">推荐信息</h5>
                    <ul class="list">
                        <li><a href="#">新产品</a></li>
                        <li><a href="#">畅销品</a></li>
                        <li><a href="#">我们的博客</a></li>
                        <li><a href="#">关于我们的商城</a></li>
                    </ul>
                </div>
            </div>

            <!--Footer Column-->
            <div class="col-lg-4 col-md-5 mb-30">
                <div class="footer-widget form-widget ml-115 mr-30">
                    <h5 class="footer-title mb-30">订阅</h5>
                    <p>输入您的电子邮件地址作为我们的邮件列表，督促我们每日精进。</p>
                    <form class="subscribe">
                        <input type="email" placeholder="您的电子邮件地址" required>
                        <button type="submit">发送</button>
                    </form>
                </div>
            </div>

            <!--Footer Column-->
            <div class="col-lg-3 col-md-4 mb-30">
                <div class="footer-widget pament-widget">
                    <h5 class="footer-title mb-30">付款方式</h5>
                    <ul class="list">
                        <li><a href="#"><img src="assets2/img/pay-method/visa.png" alt=""></a></li>
                        <li><a href="#"><img src="assets2/img/pay-method/mastercard.png" alt=""></a></li>
                        <li><a href="#"><img src="assets2/img/pay-method/discover.png" alt=""></a></li>
                        <li><a href="#"><img src="assets2/img/pay-method/americanexpress.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">

                <!-- Copyright Area-->
                <div class="copyright text-center pl-10 pr-10 pt-30 pb-10 mt-55 rmt-35 mb-65">
                    <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank"
                                                                                 href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                    </p>
                </div>

            </div>
        </div>

    </div>
</footer>
<!--====================================================================
                        End footer section
=====================================================================-->


</div>
<!--End pagewrapper-->


<!-- Scroll Top Button -->
<button class="scroll-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></button>


<!-- jequery plugins -->
<script src="assets2/js/jquery.min.js"></script>
<script src="assets2/js/bootstrap-v4.1.3.min.js"></script>
<script src="assets2/js/jquery.nice-select.min.js"></script>
<script src="assets2/js/jquery.simpleLoadMore.min.js"></script>
<script src="assets2/js/slick.min.js"></script>
<script src="assets2/js/appear.js"></script>

<!-- Custom script -->
<script src="assets2/js/script.js"></script>


</body>

</html>
